<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>登录 - ${systemName!}</title>
    <link rel="stylesheet" href="${ctxPath}/assets/common/layui/css/layui.css"/>
    <link rel="stylesheet" href="${ctxPath}/assets/common/css/login.css" media="all">

    <style>
        .login-header{
            color: rgba(0, 0, 0, .85) !important;
        }

        .login-footer {
            color: rgba(0, 0, 0, 0.7) !important;
        }

        .login-footer a {
            color: rgba(0, 0, 0, 0.7) !important;
        }

        .login-footer a:hover {
            color: rgba(0, 0, 0, 0.4) !important;
        }
    </style>
    <script>
        if(window != top){
            top.location.replace(location.href);
        }
    </script>

</head>
<body>

   <div class="login-wrapper">

       <div class="login-header">
           <img src="${ctxPath}/assets/expand/images/logo.png">${systemName!}
       </div>

       <div class="login-body">
           <div class="layui-card">
               <div class="layui-card-header">
                   <i class="layui-icon layui-icon-engine"></i>&nbsp;&nbsp;用户登录
               </div>
               <form class="layui-card-body layui-form layui-form-pane" action="${ctxPath}/login" method="post">
                   <div class="layui-form-item">
                       <label class="layui-form-label">账号</label>
                       <div class="layui-input-block">
                           <input name="username" type="text" lay-verify="required" class="layui-input">
                       </div>
                   </div>
                   <div class="layui-form-item">
                       <label class="layui-form-label">密码</label>
                       <div class="layui-input-block">
                           <input name="password" type="password" lay-verify="required" class="layui-input">
                       </div>
                   </div>
                   <div class="layui-form-item" pane="">
                       <label class="layui-form-label" lay-tips="7天内免登陆">记住我</label>
                       <div class="layui-input-block">
                           <input type="radio" name="remember" value="on" title="是">
                           <input type="radio" name="remember" value="off" title="否" checked="">
                       </div>
                   </div>
                   <div class="layui-form-item">
                       <button lay-filter="login-submit" class="layui-btn layui-btn-fluid" lay-submit>登 录</button>
                   </div>
                   <div class="layui-form-item login-other">
                       <label>第三方登录</label>
                       <a href="javascript:{layer.msg('暂无功能')};"><i class="layui-icon layui-icon-login-qq"></i></a>
                       <a href="javascript:{layer.msg('暂无功能')};"><i class="layui-icon layui-icon-login-wechat"></i></a>
                       <a href="javascript:{layer.msg('暂无功能')};"><i class="layui-icon layui-icon-login-weibo"></i></a>
                   </div>
               </form>
           </div>
       </div>

       <div class="login-footer">
           <p>© 2018 <a href="https://gitee.com/ShowLuu" target="_blank">ShowLu版权所有</a></p>
       </div>

   </div>

</body>

<script type="text/javascript" src="${ctxPath}/assets/common/layui/layui.js"></script>
<!--<script type="text/javascript" src="${ctxPath}/assets/common/js/common.js"></script>-->

<script>

    layui.use(['layer', 'form'], function () {
        var $ = layui.jquery;
        var layer = layui.layer;
        var form = layui.form;

        form.on('submit(login-submit)', function (obj) {
            return true;
        });

        var errorMsg = "${tips!}";
        if(errorMsg){
            layer.msg(errorMsg, {icon: 5, anim: 6});
        }

    })

</script>


</html>